<!-- author: wjc -->
<!-- date: 2022-07-15 13:46:04 -->
<!-- description:  -->
<template>
  <div class="video flex-1">
    <videoVue ref="video" :url="radioArr"></videoVue>
  </div>
</template>

<script lang="ts" setup>
import { ref, getCurrentInstance, onBeforeMount, computed, onMounted } from "vue";
import videoVue from "@/package/abc/vueVideo.vue";
const radioArr = [
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高血压生活注意事项.mp4",
    title: "高血压生活注意事项",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/什么是高脂血症.mp4",
    title: "什么是高脂血症",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高脂血症怎么调理比较好.mp4",
    title: "高脂血症怎么调理比较好",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高脂血症怎么引起的.mp4",
    title: "高脂血症怎么引起的",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高脂血症如何治疗.mp4",
    title: "高脂血症如何治疗",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高脂血症早期症状.mp4",
    title: "高脂血症早期症状",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高脂血症注意事项.mp4",
    title: "高脂血症注意事项",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高脂血症会遗传吗.mp4",
    title: "高脂血症会遗传吗",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高血压怎么调理最好.mp4",
    title: "高血压怎么调理最好",
  },
  {
    url:
      "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高血压是怎么引起的有哪些原因.mp4",
    title: "高血压是怎么引起的有哪些原因",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高血压禁忌吃哪些食物.mp4",
    title: "高血压禁忌吃哪些食物",
  },
  {
    url:
      "http://zk-science-video.oss-cn-beijing.aliyuncs.com/高血压吃什么食物能降血压.mp4",
    title: "高血压吃什么食物能降血压",
  },
  {
    url: "http://zk-science-video.oss-cn-beijing.aliyuncs.com/瘦人会得高血脂吗.mp4",
    title: "瘦人会得高血脂吗",
  },
];
</script>

<style scoped lang="less">
@import "video.js/dist/video-js.css";
.video {
  position: relative;
  height: 900px;
  // padding: 0.24rem;
  // border: 1px solid #2696ea;

  position: relative;
}
</style>
